@import "compass/css3"
@import "compass/utilities"
// @import "compass/css3/border-radius"
// @import "compass/utilities/tables/alternating-rows-and-columns"

@media all and (max-width: 1024px) 
  h3 
    font-size: 15px
    color: green


#list-view
  // +outer-table-borders(1px, #999)
  +alternating-rows-and-columns(#aaa, #ddd, #111)
  width: 100%
  td
    width: 100%
    padding: 3px 10px

#item-detail-view
  +border-radius
  +single-box-shadow
  margin: 10px 0
  padding: 10px 20px
  background-color: #eee
  .item-title
    padding-bottom: 10px
    font-weight: bold
  .item-text
    text-align: justify